{extend name="common/layout" /}
{block name="main"}
<div class="admin-main layui-anim layui-anim-upbit" ng-app="hd" ng-controller="ctrl">
    <div class="padding30">
        <h3 class="page-box-title">{$title}</h3>
        <blockquote class="layui-elem-quote layui-text" style="width:450px;">
            <h4 class="layui-note-title">{:lang('Note')}:</h4>
            <p class="layui-note-content">{:lang('Please enter 6-15 English alphabet for the name of the user.')}</p>
    <!--       <a href="javascript:;" onClick="history.back()" class="layui-btn layui-btn-sm layui-btn-primary pull-rigth">{:lang('Back')}</a>
     -->      <div style="clear: both;"></div>
        </blockquote>
    </div>
    <div class="layui-form-box">
        <form class="layui-form ">
        
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('Nickname')}</label>
            <div class="layui-input-6">
                <input type="text" name="username" value="{$info['username']}" lay-verify="required" placeholder="{:lang('Please enter the login nickname')}" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('Email')}</label>
            <div class="layui-input-6">
                <input type="text" name="email" value="{$info['email']}" readonly=""  lay-verify="required" placeholder="{:lang('Please enter the user mailbox')}" class="layui-input">
            </div>
            
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('Mobile')}</label>
            <div class="layui-input-6">
                <input type="text" name="mobile" value="{$info['mobile']}" lay-verify="requiredt" data-field="mobile" value="" placeholder="{:lang('Please enter the cell phone number')}" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('Telephone')}</label>
            <div class="layui-input-6">
                <input type="text" name="telephone" value="{$info['telephone']}"  data-field="telephone" lay-verify="requiredt" placeholder="" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('Company Name')}</label>
            <div class="layui-input-6">
                <input type="text" name="company" lay-verify="required" value="{$info['company']}"   placeholder="{:lang('Please enter the name of the company')}" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('Company Address')}</label>
            <div class="layui-input-6">
                <input type="text" name="address" lay-verify="required" value="{$info['address']}" value="" placeholder="{:lang('Please enter the company address')}" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('Position')}</label>
            <div class="layui-input-6">
                <input type="text" name="position" lay-verify="required" value="{$info['position']}"  placeholder="{:lang('Please enter your position')}" class="layui-input">
            </div>
        </div>
        </br></br>
         <div class="layui-form-item">
            <label class="layui-form-label layui-form-label-no"></label>
            <div class="layui-input-6 pleft22">
               <button type="button" class="layui-btn" lay-submit="" lay-filter="submit">{:lang('Submit')}</button>
            </div>
        </div>
        
    </form>
    </div>
</div>
{/block}
{block name="footer"}
<script>
    var m = angular.module('hd',[]);
    m.controller('ctrl',['$scope',function($scope) {
        layui.use(['form', 'layer','upload'], function () {
            var form = layui.form, layer = layui.layer,$= layui.jquery,upload = layui.upload;
			form.render();
            form.on('submit(submit)', function (data) {
                loading =layer.load(1, {shade: [0.1,'#fff']});
                $.post("", data.field, function (res) {
                    layer.close(loading);
                    if (res.code > 0) {
                        layer.msg(res.msg, {time: 1800, icon: 1}, function () {
                            
                        });
                    } else {
                        layer.msg(res.msg, {time: 1800, icon: 2});
                    }
                });
            });            
        });
    }]);
</script>
{/block}